<!--
 * @Author: your name
 * @Date: 2020-04-03 02:23:56
 * @LastEditTime: 2020-04-08 15:00:45
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /vscode-as-markdown-editor/webpack_技术胖教程/all_part_demo/dist/index.html
 -->
<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实现development环境和production环境配置分离</title>
</head>
<body>
    <header id="lesstest">I am header, 如果我的背景是-亮蓝色，证明less样式生效</header>
    <h3>webpack 单页应用 demo</h3>

    <div id="reactapp"></div>

    <div id="title"></div>
    <!-- 如果webpack.config.js在plugins字段中，只new了一个htmlWebpackPlugin,那么输出的js文件会自动引入到此html模板文件 -->
    <div id="cssimgtest">我是div元素，我在css中定义的背景图片原文件是/src/img/xuanya.jpeg</br>此图片通过webpack打包到dist目录下 <span style="color: #aaa;font-weight: bolder;font-size: 30px;"></br>webpack需要url-loader来处理CSS中的图片</span></div>
    <footer id="sasstest">I am footer element, 如果我的背景是粉色pink，证明sass样式生效</footer>
</body>
</html>
